<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'app'
  }
</script>

<style lang="less">
  @import '~vux/src/styles/reset.less';
  /*@import './styles/variable.less';*/

  *{
    font-family: "PingFangSC-Regular" !important;
  }

  body {
    position: static !important;
    background-color: #201F22;
  }

  div {
    color: #8E8E8E;
  }

  .right-arrow::before {
    content: " ";
    display: inline-block;
    height: 9px;
    width: 9px;
    border-width: 1px 1px 0 0;
    border-color: #555555 !important;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 15px;
  }

  .vux-slider > .vux-indicator > a > .vux-icon-dot.active{
    background-color: #E8BA82 !important;
  }
</style>
